<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝旭工作室报名表</title>
    <style>
            .in{
            margin:5px 5px 5px 0px;
            height: 20px;
            width:442px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        div{

            width: 300px;
            height: 600px;
            background-color: skyblue;
            font-family: 平方;
            font-size: 16px;
            margin:0 auto;
            text-decoration-color: aliceblue;
            padding: 20px;
        }
        p span{
            background-color: cornsilk;
        }
        .textarea{
            border:1px solid rgb(243, 237, 237);
            width: 200px;
            height:100px;
            border-radius: 5px;
            margin: 0px 5px 5px 5px;
        }
        .main{
            float:left;
            margin:5px 0px 5px 5px;
            width:5px;
            height:5px;
            border:1px solid rgb(23, 22, 22);
            border-right-color: white;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            line-height: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div>
         <form>
            <span>姓名：</span><input type = "text" placeholder="输入姓名" class = "input" >
            <br>
            学号：<input type = "text" placeholder="输入学号" class = "input" >
            <br>
            手机：<input type = "text" placeholder="输入手机号" class = "input" >
            <br>
            QQ&nbsp： <input type = "text" placeholder="请输入QQ号码" class = "input" >
            <br>
            邮箱：<input type = "text" placeholder="输入QQ邮箱" class = "input" >
            <br>
            寝室：<input type = "text" placeholder="用于即使发送物件"  class = "input" >
            <br>
            性别：
            <input type="radio" name="sex" id="nan" value="male"> <label for="nan" >男</label>
            <input type="radio" name="sex" id="nv" value="female"> <label for="nv">女</label>
            <br>
            <span>专业</span>
            <select aria-placeholder="选择专业">
            <option value="" selected disabled hidden>
            <option value="csedufree">教育技术学(公费师范)</option>
            <option value="cscompation">计算机科学与技术(中美合作办学)</option>
            <option value="cs">计算机科学与技术</option>
            <option value="library">图书管理与情报学</option>
            <option value="intelligence">智能制造与工程</option>
            <option value="csedu">教育技术学</option>
            </select>
            <br>
            <span>年级</span>
            <select  aria-placeholder="选择年级">
            <option value="" selected disabled hidden><p>选择年级</p ></option>
            <option value="2022">2022</option>
            <option value="2021">2021</option>
            <option value="2020">2020</option>
            <option value="2019">2019</option>
            </select>
            <br>
            <span>岗位</span>
            <select aria-placeholder="选择要面试的岗位">
            <option value="" selected disabled hidden>选择要面试的岗位</option>
            <option value="csedufree">前端</option>
            <option value="cscompation">后端</option>
            </select>
            <br>
            <span>年龄</span>
            <select aria-placeholder="选择你的年龄">
            <option value="" selected disabled hidden>选择你的年龄</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            </select>
            <br>
            个人简介
            <br>
            <textarea   class="textarea" rows=”60”cols=”40” placeholder="提示：可以讲一个人生中的重要时刻～"></textarea>
            <br>
            掌握技能
            <br>
            <textarea  class="textarea" rows=”60”cols=”40” placeholder="写专业技能哦"></textarea>
            <br>
            <input type="reset" value="重置">
            <input type="submit" value="提交">
        </form>
    </div>
</body>
</html>